<!DOCTYPE html> 
<html> 
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <title>Dükkan</title> 
        <link rel="stylesheet" href="../css/jquery.mobile-1.0.css" />
        <link rel="stylesheet" href="../css/vipdukkan.css" />
        <link rel="stylesheet" href="../css/custom.css" />
        <link rel="stylesheet" href="../css/magiczoomplus.css" />
        
        <script src="../js/jquery.1.6.4.js"></script>
        <script src="../js/jquery.mobile-1.0.min.js"></script>
        <script src="../js/magiczoomplus.js"></script>
    </head> 
    <body> 

        <!-- /dukkanlar-->    
        <div data-role="page" id="dukkanlar"> 
            <!-- /header -->
            <div data-role="header" data-position="inline">
                <!--
                <h1><img src="images/icons/logo.png" alt="vipdukkan.com" /></h1>
                -->
                 <a href="javascript:history.back()" data-icon="arrow-l" data-role="data-add-back-btn">Geri</a>

                <h1  style="font-size: 14px; margin: 0.8em 50px 0.8em;">Angelo Planeta Elbise</h1>
                
                <a href="dukkanlar.html" data-icon="grid" data-iconpos="notext"></a>  
            </div>

            <!-- /content -->
            <form>
            <div data-role="content">
                <div>
                    <p>Kategori > Dükkan adı > ürün adı</p>
                </div>
                
                <div class="foto-alan" data-role="content">
                    <div class="buyuk-foto-alan">
                    <a id="Zoomer3"  href="http://www.yajinn.com/mobilex/images/dukkanlar/p3.jpg" class="MagicZoomPlus" rel="selectors-effect: fade;"><img src="http://www.yajinn.com/mobilex/images/dukkanlar/p2.jpg"/></a> 
                    </div>
                    
                    <div class="kucuk-foto-alan">
                        <a href="http://www.yajinn.com/mobilex/images/dukkanlar/p3.jpg" rel="zoom-id: Zoomer3" rev="http://www.yajinn.com/mobilex/images/dukkanlar/p2.jpg"><img src="http://www.yajinn.com/mobilex/images/dukkanlar/p1.jpg"/></a>
                        <br/><br/>
                        <a href="http://www.yajinn.com/mobilex/images/dukkanlar/p3f.jpg" rel="zoom-id: Zoomer3" rev="http://www.yajinn.com/mobilex/images/dukkanlar/p2f.jpg"><img src="http://www.yajinn.com/mobilex/images/dukkanlar/p1f.jpg"/></a>
                    </div>

                </div>

                <div data-role="content">
                   <span style="text-decoration: line-through">96,90TL </span><span style="font-size: 18px; color:#FF0000; font-weight: bold;">59,90TL</span>
                </div>
                
                <div data-role="content">
                     <label for="select-choice-1">Beden Seçiniz:</label>
                   <select name="select-choice-1" id="select-choice-1">
                      <option value="S">S</option>
                      <option value="M">M</option>
                      <option value="L">L</option>
                      <option value="XL">XL</option>
                   </select>
                </div>

                <div data-role="content">
                    <label for="select-choice-1" class="select">Adet Seçiniz:</label>
                   <select name="select-choice-1">
                      <option value="1">1</option>
                      <option value="2">2</option>
                      <option value="3">3</option>
                      <option value="4">4</option>
                   </select>
                </div>
                <div data-role="content">
                    Teslimat Tarihi : <b>02 Ocak - 06 Ocak </b>arasıdır
                </div>

                <div data-role="content">
                    <strong>Ürün Özellikleri</strong><br/>
                    ÜRÜN KODU:MS1742 096SM <br/>
                    RENK: SİYAH<br/>
                    Manken Beden Ölçüleri;Boy:1,78 Cm Göğüs:88 Cm Bel:65 Cm Basen: 90 Cm Beden:S
                </div>

                <div data-role="content">
                   <a href="sepetim.html" data-role="button" >SEPETE EKLE</a>
                </div>

            </div>
            </form>
            

            <!-- /footer -->
            <div data-role="footer" class="nav-glyphish-example" data-position="fixed">
                <div data-role="navbar" class="nav-glyphish-example" data-grid="d">
                    <ul>
                        <li><a href="dukkanlar.html" id="dukkan-btn" data-icon="custom">DÜKKANLAR</a></li>
                        <li><a href="sepetim.html" id="sepetim-btn" data-icon="custom">SEPETİM</a></li>
                        <li><a href="hesabim.html" id="hesabim-btn" data-icon="custom">HESABIM</a></li>
                        <li><a href="yardim.html" id="yardim-btn" data-icon="custom">YARDIM</a></li>
                    </ul>
                </div>
            </div>


        </div>



    </body>
</html>